<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>PiHome</title>
    <link rel="shortcut icon" href="/static/img/icon.png">
    <meta content='width=device-width, initial-scale=1, maximum-scale=3, user-scalable=yes' name='viewport'>
    

    <!-- bootstrap 3.0.2 -->
    <link href="/static/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <!-- Jquery UI -->
    <link rel="stylesheet" href="/static/css/jQueryUI/jquery.ui.all.css" />
    <!-- font Awesome -->
    <link href="/static/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <!-- Ionicons -->
    <link href="/static/css/ionicons.min.css" rel="stylesheet" type="text/css" />
    <!-- Theme style -->
    <link href="/static/css/AdminLTE.css" rel="stylesheet" type="text/css" />
    <link href="/static/css/Pi.css" rel="stylesheet" type="text/css" />
    {% block css%}    
    {% endblock %}
    <!-- jQuery 2.0.2 -->
    <script src="/static/js/jquery.min.js"></script>    

    {% block on_ready %}  
    {% endblock %}  

</head>

<body class="skin-blue">

            {% block content %} 
            内容
            {% endblock %}

</div><!-- ./wrapper -->


<div id="dialog" title="Alert"></div>
<!-- jQuery UI 1.10.3 -->
<script src="/static/js/jQueryUI/jquery-ui.js" type="text/javascript"></script>
<script type="text/javascript" src="/static/js/jQueryUI/jquery.ui.dialog.js"></script>
<!-- Bootstrap -->
<script src="/static/js/bootstrap.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="/static/js/AdminLTE/app.js" type="text/javascript"></script>
    {% block js %}  
        <!--这里插入具体页面引用的js库，或者js代码-->  
    {% endblock %}
</body>
</html>
